*{
  border:0px none; margin:0px;
	/*line-height:4pt;*/
	font-family:'Droid Sans Mono', sans-serif;
	font-size:10pt;
 }
 
p{
	/*white-space:pre-wrap;*/
	line-height:4pt;
	font-size:10pt;
 }

#dsmlReq{
  color:#800000;
  width:100%;
  height:99%;
  resize:none;
  border:0px none;
}

#dsmlRes{
  color:#505050;
  width:100%;
  height:99%;
  resize:none;
  border:0px none;
}

textarea {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  display:block;
}

#toolbar{
	position:relative;
	height:25px;
	padding-top:5px;
	width:99%;
	background-color:#f8f8f8;
}
 
#processBtn{
	position:absolute;right:0px;
}
 
#dnTxt{
 	width:450px
}


/* #spinner{
 	display:none;position:absolute;left:50%;top:50%
 }*/
 
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('img/circle-thickbox-green.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}